<template>
<div class="dots">
    <span></span><span></span><span></span>
</div>
</template>
<style scoped>
.dots { display: flex; gap: 6px; }
.dots span {
width: 12px; height: 12px;
background: #3b82f6;
border-radius: 50%;
animation: bounce 0.6s infinite alternate;
}
.dots span:nth-child(2) { animation-delay: 0.2s; }
.dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes bounce {
to { transform: translateY(-10px); opacity: 0.6; }
}
</style>
  